/* BEGIN: Cards UI */
.card {
    background: #FFF;
    border: 1px solid #AAA;
    box-shadow: 0px 2px 3px 0px #AAA;
    padding: 0px;
	margin-top: 15px;
	margin-right: 7.5px;
	margin-bottom: 15px;
	margin-left: 7.5px;
    overflow: hidden;
	border-radius: 2px;
}
.card h1 {
    margin: 0px;
    padding: 10px;
    padding-bottom: 0px;
}
.card p {
    margin: 0px;
    padding: 10px;
}
.card-image {
    width: 100%;
    height: 200px;
    padding: 0px;
    margin: 0px;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
}
.card-image .achievement {
    height: 48px;
    width: 48px;
    top: 0px;
    right: 0px;
    background-position: top right;
    background-repeat: no-repeat;
    background-image: url('../images/cards/icon_achievement.png');
    position: absolute;
}
.card-image .gear {
    height: 48px;
    width: 48px;
	top: 0px;
    right: 0px;
    background-position: top right;
    background-repeat: no-repeat;
    background-image: url('../images/cards/icon_gear.png');
    position: absolute;
}
.card-image .reload {
   height: 48px;
    width: 48px;
    top: 0px;
    right: 0px;
    background-position: top right;
    background-repeat: no-repeat;
    background-image: url('../images/cards/icon_reload.png');
    position: absolute;
}
.card-image .star {
    height: 48px;
    width: 48px;
    top: 0px;
    right: 0px;
    background-position: top right;
    background-repeat: no-repeat;
    background-image: url('../images/cards/icon_star.png');
    position: absolute;
}
.card-image h1, 
.card-image h2, 
.card-image h3, 
.card-image h4, 
.card-image h5, 
.card-image h6 {
    position: absolute;
    bottom: 0px;
    width: 100%;
    color: white;
    background: rgba(0,0,0,0.65);
    margin: 0px;
    padding: 6px;
    border: none;
}
/* END: Card UI */